
import React from "react";
import "./style.scss"
import { foodHb } from "../assets/export";

const EmojiComponent = (props) => {
    const { emoList = [], setSelected = () => { } } = props;

    const handleClick = (item) => {
        setSelected(item)
    }
    return (
        <>
            <div className="emoj-popup-box">
                {
                    emoList.map((item, index) => {
                        return (
                            <div className="emoj-item" key={index} onClick={() => handleClick(item)}>
                                <div className="emoj-tiem-img">
                                    <img src={item} alt="" srcSet="" />
                                </div>
                            </div>
                        )
                    })
                }

            </div>
        </>
    )
}
export default EmojiComponent